<!DOCTYPE html>
<html>

<head>
</head>
<style> 
.parnet {
    width: 500px;
    height: 500px;
    background-color: aqua;
    display: flex;
   flex-direction: column;
   justify-content: space-between;
}
.parnet > div:nth-child(1){
background-color: red;
}
.parnet > div:nth-child(2){
background-color: yellow;
}
</style>
<body>
    <div class="parnet">
        <div>212</div>
        <div>342</div>
    </div>
</body>
<script>
//     Object.prototype[Symbol.iterator] = function () {
//         return arr = Object.values(this)[Symbol.iterator]()
     
     
//   }
//  var [a,b] =  {a:1,b:2};
// console.log(a,b);

 const arr = [1,2];
 const it = arr[Symbol.iterator]();
 console.log(it,'it')
// let a = it.next().value;
// let b = it.next().value;
// console.log(a,b)
// console.log(it.next())
// console.log(it.next())
// console.log(it.next())
</script>

</html>